---
import Footer from "@/components/Footer.astro";
import Header from "@/components/Header.astro";
import BaseHead from "@/components/BaseHead.astro";
import '@/styles/main.scss'
import FooterScript from "../components/FooterScript.astro";
import {SITE_DESCRIPTION, SITE_TITLE} from "../consts";
const {title = SITE_TITLE, description = SITE_DESCRIPTION} = Astro.props;
---
<!doctype html>
<html lang="zh-cn">
<head>
    <title>{title}</title>
    <BaseHead title={title} description={description}/>
</head>

<body class="flex flex-col min-h-[100vh]">
<Header/>
<main class="grow">
    <slot/>
</main>
<Footer/>
<FooterScript/>
</body>
</html>
